<!DOCTYPE html>
<html class="sb-init"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>登入</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="theme-color" content="#333">

    <link href="/Public/ms/copyjs/material-font.css" rel="stylesheet">
    <link rel="stylesheet" href="/Public/ms/copyjs/preload.min.css">
    <link rel="stylesheet" href="/Public/ms/copyjs/plugins.min.css">
    
    <link href="/Public/ms/copyjs/style.blue-grey-600.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/Public/ms/copyjs/width-boxed.min.css" id="ms-boxed" disabled="">
    <link href="/Public/ms/copyjs/layui.css" rel="stylesheet">


    <style>.ms-navbar .navbar-nav li.dropdown.yamm-fw .dropdown-megamenu > li .row .megamenu-col .megamenu-block .megamenu-block-title {
            font-size: 15px;
        }
	
        .font15 {
            font-size: 15px;
        }

        .font13 {
            font-size: 13px !important;
        }

        .ms-hero-bg-info:after {
            background-color: rgba(69,90,100,.85);
        }

        .matchingicon {
            line-height: 60px !important;
            width: 60px !important;
            height: 60px !important;
            font-size: 24px !important;
        }
    </style>

<link id="layuicss-layer" rel="stylesheet" href="/Public/ms/copyjs/layer.css" media="all"></head>
<body class="" style="overflow: visible;">

    <div id="ms-preload" class="ms-preload" style="display: none;">
        <div id="status" style="display: none;">
            <div class="spinner">
                <div class="dot1"></div>
                <div class="dot2"></div>
            </div>
        </div>
    </div>
    <div class="sb-site-container">
        <!-- Modal -->
        
        <header class="ms-header ms-header-primary">
            <div class="container container-full">
                <div class="ms-title">
                    <a href="../index/home.html">
                        <!-- <img src="/assets/img/demo/logo-header.png" alt=""> -->
                        <span class="ms-logo animated zoomInDown animation-delay-5">W</span>
                        <h1 class="animated fadeInRight animation-delay-6" style="font-size:32px;">
                            <font style="font-size:20px;"> Wealthfront</font>
                        </h1>
                    </a>
                </div>
                <div class="header-right">
                    
                    <form class="search-form animated zoomInDown animation-delay-9">
                        <input id="search-box" type="text" class="search-input" placeholder="Search..." name="q">
                        <label for="search-box">
                            <i class="zmdi zmdi-search"></i>
                        </label>
                    </form>
                    
                </div>
            </div>
        </header>
        <nav class="navbar yamm ms-navbar ms-navbar-primary navbar-static-top">
            <div class="container container-full">
                <div class="navbar-header">
                    <a class="navbar-brand" href="../index/home.html">
                        <!-- <img src="/assets/img/demo/logo-navbar.png" alt=""> -->
                        <span class="ms-logo ms-logo-sm">W</span>
                        <span class="ms-title">
                            <font style="font-size:20px">Wealthfront</font>
                        </span>
                    </a>
                </div>
                <div id="navbar" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                       
    <li class="dropdown active">
        <a href="../index/home.html" class="animated fadeIn animation-delay-4" data-hover="dropdown">
            登入
        </a>
    </li>
    <!-- <li class="dropdown">
        <a href="../reg/index.html" class="animated fadeIn animation-delay-5" data-hover="dropdown">
            注册加入
        </a>

    </li> -->


                        <!-- <li class="btn-navbar-menu"><a href="javascript:void(0)" class="sb-toggle-left"><i class="zmdi zmdi-menu"></i></a></li> -->
                    </ul>
                </div>
                <!-- navbar-collapse collapse -->
                
            </div>
            <!-- container -->
        </nav>
        
<div class="ms-hero-page-override ms-hero-img-city ms-hero-bg-dark-light">
    <div class="container">
        <div class="text-center">
            <span class="ms-logo ms-logo-lg ms-logo-white center-block mb-2 mt-2 animated zoomInDown animation-delay-5">W</span>
            <h3 class="no-m ms-site-title color-white center-block ms-site-title-lg mt-2 animated zoomInDown animation-delay-5" style="font-size:28px">
                Wealthfront-中国社区
            </h3>
            <p class="lead lead-lg color-white text-center center-block mt-2 mw-800 text-uppercase fw-300 animated fadeInUp animation-delay-7">
                    线下交易，线上高返回报!
            </p>
        </div>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <div class="card card-hero card-primary animated fadeInUp animation-delay-7">
                <div class="card-block">
                        <form class="login">
                        <fieldset>
                            
                            <div class="form-group is-empty">
                                <label for="logincode" class=" col-md-71 control-label font13">登入账号</label>
                                <div class="col-md-9">
                                    <input type="text"  class="form-control" id="userName" name="account" placeholder="手机号码">
                                </div>
                            </div>
                            <div class="form-group is-empty">
                                <label for="password" class="col-md-71 control-label font13">登入密码</label>
                                <div class="col-md-9">
                                    <input type="password" class="form-control" id="password"  placeholder="登记时确定的密码">
                                </div>
                            </div>
                            
                        </fieldset>
					
                        <a class="btn btn-raised btn-primary btn-block mt-2" id="loginBtn">
                            确认无误,继续登入
                            <i class="zmdi zmdi-long-arrow-right no-mr ml-1"></i>

                        </a>
                    <div class="text-center mt-4">
                        <h3 style="font-size:15px">我还没有账号 <a href="javascript:alert('暂未开放，需要会员邀请推荐');">去注册加入</a></h3>

                    </div>
                    <div class="text-center mt-4">
                        <h3 style="font-size:15px"> <a href="javascript:alert('请联系管理员！');">忘记密码？</a></h3>

                    </div>
                </form>
                </div>
            </div>
        </div>
    </div>
</div>



        <!-- container -->

        <footer class="ms-footer bg-primary-dark">
            <div class="container">
                <p>Copyright © Material Style 2018</p>
            </div>
        </footer>
        <div class="btn-back-top">
            <a href="index.html#" data-scroll="" id="back-top" class="btn-circle btn-circle-primary btn-circle-sm btn-circle-raised ">
                <i class="zmdi zmdi-long-arrow-up"></i>
            </a>
        </div>
    </div>

    <script src="/Public/js/Home/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/Public/js/Home/mui.js" type="text/javascript" charset="utf-8"></script>
	<script src="/Public/js/Home/common.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		mui.init();
		
		var mobilePhone = document.getElementById('userName');
		
		
		
		document.getElementById("loginBtn").addEventListener('tap', function() {
			var user_name = mobilePhone.value;
            var user_pwd = document.getElementById("password").value;
            
			
			if(!user_name) {
				alert("请输入手机号!");
				return false;
			}
			if(!user_pwd) {
				alert("请输入密码!");
				return false;
			}
			console.log(user_name);
			var params = {
				url: 'Personal/login',
				data: {
					user_name: user_name,
					user_pwd: user_pwd
				}
			}
			common.loading("登录中...请稍后...");
			common.JsonPost(params, function(data) {
				common.closeLoading();
				console.log(JSON.stringify(data));
				if(data !== false){
                                    //缓存用户信息
                                    common.setLocVal("userId", data.id);
                                    common.setLocVal("userName", data.user_name);
                                    common.setLocVal("realName", data.real_name);
                                    common.setLocVal("mobile", data.mobile);
                                    common.setLocVal("avatar", data.avatar);
                                    common.setLocVal("userData", JSON.stringify(data));
                                    //返回个人中心
                                    mui.openWindow({
                                            url: "my.html",
                                            id: "my"
                                    })
                                }
				
			})
		});
		
		document.getElementById("register").addEventListener('tap', function() {
			mui.openWindow({
				url: "reg.html",
				id: "reg"
			})
		});
	</script>

</body></html>